<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
    </h:head>
    <ui:composition
        template="./layout/template.xhtml">
        <ui:define name="menu">
            <h:body style="text-align:center">
                <p:growl id="mensajes" showDetail="true" life="20000" />
                <h:form>
                    <p:megaMenu style="background-color: #76a300">
                        <p:submenu label="Usuarios" icon="ui-icon-check">
                            <p:column>
                                <p:submenu label="Usuarios">
                                    <p:menuitem value="Crear Usuario" url="./faces/index.xhtml" />
                                </p:submenu>
                            </p:column>
                        </p:submenu>

                        <p:submenu label="Afiliados" icon="ui-icon-document">

                            <p:column>
                                <p:submenu label="Afiliados">
                                    <p:menuitem value="Crear Afiliado" url="#" />
                                    <p:menuitem value="Modificar Afiliado" url="#" />
                                    <p:menuitem value="Eliminar Afiliado" url="#" />                                    
                                </p:submenu>
                            </p:column>
                       </p:submenu>

                        <p:submenu label="Afiliaciones" icon="ui-icon-pencil">
                            <p:column>
                                <p:submenu label="Afiliaciones">
                                    <p:menuitem value="Crear Afiliación" url="#" />
                                </p:submenu>
                            </p:column>
                        </p:submenu>

                        <p:submenu label="Historias Clínicas" icon="ui-icon-contact">
                            <p:column>
                                <p:submenu label="Historia Clínica">
                                    <p:menuitem value="Crear Historia Clínica" url="#" />
                                </p:submenu>
                            </p:column>
                        </p:submenu>

                   </p:megaMenu>

                </h:form>
            </h:body>
        </ui:define>
    </ui:composition>
</html>
